<!DOCTYPE HTML>
<html lang="en-US">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<title>桥梁在线-学术</title>
	<meta name="keywords" content="桥梁,桥梁网,桥梁在线,桥梁设计,桥梁信息,桥梁结构,桥梁加固,桥梁检测">
	<meta name="description" content="桥梁在线（http://www.bridgebj.com/）是国内专业的路桥行业网站。">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- Favicon -->
	<link rel="icon" href="static/image/homepage/icon.png" type="image/x-icon">
	<!-- bootstrap CSS -->
	<link rel="stylesheet" href="static/css/bootstrap.min.css" type="text/css" media="all">
	<!-- carousel CSS -->
	<link rel="stylesheet" href="static/css/owl.carousel.min.css" type="text/css" media="all">
	<!-- animate CSS -->
	<link rel="stylesheet" href="static/css/animate.css" type="text/css" media="all">
	<!-- font-awesome CSS -->
	<link rel="stylesheet" href="static/css/all.min.css" type="text/css" media="all">
	<!-- font-flaticon CSS -->
	<link rel="stylesheet" href="static/css/flaticon.css" type="text/css" media="all">
	<!-- theme-default CSS -->
	<link rel="stylesheet" href="static/css/theme-default.css" type="text/css" media="all">
	<!-- meanmenu CSS -->
	<link rel="stylesheet" href="static/css/meanmenu.min.css" type="text/css" media="all">
	<!-- transitions CSS -->
	<link rel="stylesheet" href="static/css/owl.transitions.css" type="text/css" media="all">
	<!-- venobox CSS -->
	<link rel="stylesheet" href="static/css/venobox.css" type="text/css" media="all">
	<!-- bootstrap icons -->
	<link rel="stylesheet" href="static/css/bootstrap-icons.css" type="text/css" media="all">
	<!-- Slick Slider -->
	<link rel="stylesheet" type="text/css" href="static/css/slick.css">
	<link rel="stylesheet" type="text/css" href="static/css/slick-theme.css">
	<!-- Main Style CSS -->
	<link rel="stylesheet" href="static/css/style.css?v=45llkkk66" type="text/css" media="all">
	<!-- Dropdown CSS -->
	<link rel="stylesheet" href="static/css/dropdown.css" type="text/css" media="all">
	<!-- responsive CSS -->
	<link rel="stylesheet" href="static/css/responsive.css?v=sh123456789" type="text/css" media="all">
	<!-- rangeslider CSS -->
	<link rel="stylesheet" href="static/css/rangeslider.css" type="text/css" media="all">
	<!-- modernizr js -->
	<script src="static/js/modernizr-3.5.0.min.js"></script>
	<style>
		.account-number {
			font-size: 32px;
			color: rgba(80, 48, 0, 1);
		}

		.resource-special {
			place-items: center;
			display: grid;
		}

		.state-content {
			margin: 20px 0px;
		}

		/* 学者风采 */
		/* .project-grid-thumb img{
				height: 320px;
			} */
		.project-grid-area {
			background: rgba(252, 245, 255, 1);
		}

		.project-grid-title {
			position: absolute;
			bottom: 0px;
			width: 100%;
			color: #fff;
			text-align: center;
			background: rgba(80, 48, 0, 0.6);
			padding-top: 16px;
		}

		.project-grid-title h4 {
			color: #fff;
			font-weight: 500;
		}

		.project-grid-content {
			height: 320px;
			background: rgba(80, 48, 0);
			border-radius: 0px;
			left: 0px;
			color: #fff;
			width: 100%;
			text-align: center;
			padding: 30px 28px 0;
		}

		.project-grid-content img {
			width: 64px;
			height: 64px;
			border-radius: 50%;
		}

		.project-grid-content h4 {
			color: #fff;
			font-size: 18px;
		}

		.project-grid-content p {
			font-size: 15px;
		}

		.project-grid-detail {
			height: 150px;
			overflow-y: auto;
		}
		.project-grid-thumb-img{
			width: 100%;
			height: 300px;
			display: flex;
			justify-content: center;
		}
		::-webkit-scrollbar {
		  width: 12px; /* 设置滚动条的宽度 */
		}
	</style>
</head>

<body>
	<!-- loder -->
	<!-- <div class="loader_bg">
		<div class="loader"></div>
	</div> -->
	<div ng-app="mainApp" ng-controller="main" class="box">
		<header class="header-area" id="sticky-header">
			<div class="row align-items-center">
				<div class="col-lg-3">
					<div class="logo pl-90">
						<a href=""><img src="static/image/homepage/logol.png" alt=""></a>
					</div>
				</div>
				<div class="col-lg-6">
					<div class="header-menu">
						<ul>
							<li><a href="index.html">首页 </a></li>
							<li><a href="organ.html">机构</a></li>
							<li><a href="policy.html">政策 </a>
							</li>
							<li><a href="dongtai.html">动态</a>
							</li>
							<li><a href="account.html">清单 </a>
							</li>
							<li><a href="resource.html">资源 </a>
							</li>
							<li style="background:rgba(112, 82, 126, 1) "><a href="academic.html">学术</a></li>
						</ul>
					</div>
				</div>
				<div class="col-lg-3">
					<div class="">
						<form action="#" method="post" id="ttime">
							<div class="newsletter-form " >
								<div class="form-field">
									<input type="email" name="EMAIL" placeholder="输入要搜索的内容" required="">
									<button class="newsletter-button" type="submit"><i class="bi bi-search"></i></button>
								</div>
							</div>
							<div id="post"></div>
						</form>
						<a href="http://admin.bridgebj.com/" target="_blank" class="pl-25 login-btn"><img
								src="static/image/homepage/login.svg" alt=""></a>
					</div>
				</div>
			</div>
			<div class="container">

			</div>
		</header>
		<!-- paints Mobile Menu Area -->
		<div class="mobile-menu-area" id="navbar">
			<div class="mobile-menu">
				<div class="mobile-logo">
					<a href=""><img src="static/image/homepage/logol.png" alt=""></a>
				</div>
				<div class="side-menu-info">
					<div class="sidebar-menu">
						<a class="navSidebar-button" href="#"><i class="bi bi-justify-right"></i></a>
					</div>
				</div>
			</div>
		</div>
		<!--==================================================-->
		<!-- End Header Area -->
		<!--==================================================-->

		<!--==================================================-->
		<!-- Start Breatcome Area -->
		<!--==================================================-->
		<div class="breat-area" style="background: rgba(112, 82, 126, 1);">
			<div class="news-flower" style="top: -150px;"><img class="img-responsive center-block"
					src="static/image/homepage/news-flower.png" alt=""></div>
			<div class="container">
				<div class="row">
					<div class="col-lg-12 col-md-12">
						<div class="breatcome-content">
							<div class="breatcome-title">
								<div class="col-lg-4 col-md-6 offset-lg-4 ">
									<h4><img src="static/image/homepage/learn.png" alt=""></h4>
								</div>
							</div>
							<div class="bratcome-text account-text" style="top: -100px;">
								<ul>
									<li><a href="index.html">首页</a></li>
									<li>学术</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="news-flower-left" style="top: 200px;left: -50px;opacity:0.4;"><img class="img-responsive center-block"
					src="static/image/homepage/flower-left.png" alt=""></div>
		</div>
		<!--==================================================-->
		<!-- End Breatcome Area -->
		<!--==================================================-->

		<!--==================================================-->
		<!-- Start Team Area -->
		<!--==================================================-->
		<!-- 	<div class="team-area">
			<div class="container">
				<div class="row ">
					<div class="col-lg-12">
						<div class="about-content wow fadeInLeft news-list" data-wow-delay="0.2s"
							data-wow-duration="1s">
							<div id="myTabContent" class="tab-content">
								<div class="row" style="justify-content:space-between;margin-bottom: 30px;">
									<div style="border-bottom:1px solid rgba(0, 0, 0, 1) ;padding-bottom: 20px;">
										<div class="inlineBlock"><img src="static/image/homepage/learn-title.png"
												alt=""></div>
										<div class="news-more"><a href=""><img src="static/image/homepage/more.png"
													alt=""></a></div>
									</div>
								</div>
								<div class="tab-pane fade in active show">
									<div class="row" style="width: 100%;">
										<div class="state-news">
											<div class="row ">
												<div class="col-lg-1 col-md-1  resource-special">
													<div class="account-number"><span>1</span></div>
												</div>
												<div class="col-lg-11 col-md-11">
													<div class="state-content">
														<div>万善桥</div>
														<div>
															万善桥位于北京西山双泉寺前面，跨于山涧，南北走向。据资料记载，万善桥建成于明万历十年(1582年)十一月。民国八年(1919年)三月修葺，是一座单孔石拱桥。该桥背脊异常优美、线条柔和、拱券高大、结构独特，被誉为“北京最美的古桥”。
														</div>
														<div><i class="bi bi-clock pr-10"></i>2021.3.9</div>
													</div>
												</div>
											</div>
										</div>
										<div class="state-news">
											<div class="row ">
												<div class="col-lg-1 col-md-1  resource-special">
													<div class="account-number"><span>2</span></div>
												</div>
												<div class="col-lg-11 col-md-11">
													<div class="state-content">
														<div>万善桥</div>
														<div>
															万善桥位于北京西山双泉寺前面，跨于山涧，南北走向。据资料记载，万善桥建成于明万历十年(1582年)十一月。民国八年(1919年)三月修葺，是一座单孔石拱桥。该桥背脊异常优美、线条柔和、拱券高大、结构独特，被誉为“北京最美的古桥”。
														</div>
														<div><i class="bi bi-clock pr-10"></i>2021.3.9</div>
													</div>
												</div>
											</div>
										</div>
										<div class="state-news">
											<div class="row ">
												<div class="col-lg-1 col-md-1  resource-special">
													<div class="account-number"><span>3</span></div>
												</div>
												<div class="col-lg-11 col-md-11">
													<div class="state-content">
														<div>万善桥</div>
														<div>
															万善桥位于北京西山双泉寺前面，跨于山涧，南北走向。据资料记载，万善桥建成于明万历十年(1582年)十一月。民国八年(1919年)三月修葺，是一座单孔石拱桥。该桥背脊异常优美、线条柔和、拱券高大、结构独特，被誉为“北京最美的古桥”。
														</div>
														<div><i class="bi bi-clock pr-10"></i>2021.3.9</div>
													</div>
												</div>
											</div>
										</div>
										<div class="state-news">
											<div class="row ">
												<div class="col-lg-1 col-md-1  resource-special">
													<div class="account-number"><span>4</span></div>
												</div>
												<div class="col-lg-11 col-md-11">
													<div class="state-content">
														<div>万善桥</div>
														<div>
															万善桥位于北京西山双泉寺前面，跨于山涧，南北走向。据资料记载，万善桥建成于明万历十年(1582年)十一月。民国八年(1919年)三月修葺，是一座单孔石拱桥。该桥背脊异常优美、线条柔和、拱券高大、结构独特，被誉为“北京最美的古桥”。
														</div>
														<div><i class="bi bi-clock pr-10"></i>2021.3.9</div>
													</div>
												</div>
											</div>
										</div>
										<div class="state-news">
											<div class="row ">
												<div class="col-lg-1 col-md-1  resource-special">
													<div class="account-number"><span>5</span></div>
												</div>
												<div class="col-lg-11 col-md-11">
													<div class="state-content">
														<div>万善桥</div>
														<div>
															万善桥位于北京西山双泉寺前面，跨于山涧，南北走向。据资料记载，万善桥建成于明万历十年(1582年)十一月。民国八年(1919年)三月修葺，是一座单孔石拱桥。该桥背脊异常优美、线条柔和、拱券高大、结构独特，被誉为“北京最美的古桥”。
														</div>
														<div><i class="bi bi-clock pr-10"></i>2021.3.9</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>
		</div> -->
		<!-- 学者风采 -->
		<div class="project-grid-area">
			<div class="container">
				<div class="text-center" style="margin-bottom: 50px;">
					<img src="static/image/homepage/leran-feng.png" alt="">
				</div>
				<div class="row col-special">
					<div class="col-lg-2 col-md-12 col-xm-12" ng-repeat="lab in expertList|limitTo:10">
						<div class="project-grid-thumb" ng-cloak>
							<div class="project-grid-thumb-img">
							<img ng-cloak style="width: 100%; object-fit: cover; " src="{{lab.photos}}" alt="">
							</div>
							<!-- 名字 -->
							<div class="project-grid-title">
								<h4 ng-cloak>{{lab.scholarsName}}</h4>
								<p ng-cloak>{{lab.employer}}</p>
							</div>
							<div class="project-grid-content" ng-cloak>
								<img ng-cloak src="{{lab.photos}}" alt="">
								<h4 ng-cloak>{{lab.scholarsName}}</h4>
								<p ng-cloak>{{lab.employer}}</p>
								<p ng-cloak class="project-grid-detail">
									{{lab.introduction}}
								</p>
							</div>

						</div>
					</div>
				</div>
				<div class="more" ng-click="methods.moreExpert()">
					<a href=""><img src="static/image/homepage/more.png" alt=""></a>
				</div>
			</div>
		</div>
		<!--==================================================-->
		<!-- End Team Area -->
		<!--==================================================-->
		<!-- 学术作品 -->
		<div class="team-area">
			<div class="container">
				<div class="row" style="justify-content:space-between;margin-bottom: 30px;">
					<div style="border-bottom:1px solid rgba(0, 0, 0, 1) ;padding-bottom: 20px;position: relative;">
						<div class="inlineBlock"><img src="static/image/homepage/learn-zuo.png" alt=""></div>
						<div class="news-more" style="margin-top: 20px;position: absolute;top: 5px;right: 0px;">
							共收录学术作品<span ng-cloak>{{artworkTotalNum}}</span>件
						</div>
					</div>
				</div>
				<!-- <div class="about-content news-list" > -->
					<div class="row">
						<div class="col-lg-4 col-md-6" ng-repeat="lab in portfolioList"
							ng-click="methods.labelDetailClick(lab)">
							<div class="team-single-box " >
								<div class="team-thumb">
									<img  ng-cloak src="{{lab.cover}}" alt="">
								</div>
								<div class="team-content">
									<h4  ng-cloak>{{lab.portfolioName}}</h4>
									<span  ng-cloak><i class="bi bi-clock pr-10"></i>{{lab.createTime}}</span>
								</div>
							</div>
						</div>
					</div>
				<!-- </div> -->
			</div>
		</div>
		<!--==================================================-->
		<!-- Start Sidebar Area手机端菜单 -->
		<!--==================================================-->
		<div class="sidebar-group info-group">
			<div class="sidebar-widget">
				<div class="sidebar-widget-container">
					<div class="widget-heading">
						<a href="#" class="close-side-widget">
							<i class="bi bi-x-lg"></i>
						</a>
					</div>
					<div class="sidebar-textwidget">
						<div class="sidebar-info-contents">
							<div class="content-inner">
								<div class="sidebar-logo">
									<a href="index.html"><a href=""><img src="static/image/homepage/logol.png" alt=""></a></a>
								</div>
								<div class="sidebar-widget-menu">
									<ul>
										<li class="shouye dropdown"><a href="index.html" data-toggle="dropdown">首页</a></li>
										<li class="jigou dropdown"><a href="organ.html" data-toggle="dropdown">机构</a></li>
										<li class="zheng dropdown"><a href="policy.html" data-toggle="dropdown">政策</a>
										</li>
										<li class="dongtai dropdown"><a href="dongtai.html" data-toggle="dropdown">动态</a>
										</li>
										<li class="qingdan dropdown"><a href="account.html" data-toggle="dropdown">清单</a>
										</li>
										<li class="ziyuan dropdown"><a href="resource.html" data-toggle="dropdown">资源</a>
										</li>
										<li class="xue dropdown"><a href="academic.html" data-toggle="dropdown">学术</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--==================================================-->
		<!-- End Sidebar Area -->
		<!--==================================================-->

		<!--==================================================-->
		<!-- Start Footer Area -->
		<!--==================================================-->
		<div class="footer-area">
			<div class="container">
				<div class="row">
					<div class="col-lg-2">
					</div>
					<div class="col-lg-5 col-md-6" style="border-right: 1px solid rgba(81, 49, 0, 1);">
						<div class="row">
							<div class="col-lg-10">
								<div class="footer-wiget wow ">
									<div class="footer-wiget-title">
										<h4><img class="bottomLogol" src="static/image/homepage/bottomLogol.png" alt="">
										</h4>
									</div>
									<div class="footer-wiget-menu">
										<ul>
											<li><a href="about.html"><img class="pb-10" src="static/image/homepage/about.png" alt=""></a></li>
											<li><a href="#"><i
														class="glyphicon glyphicon-font"></i>联系邮箱</a>|<span>lixuyang@bucea.edu.cn</span>
											</li>
											<li><a href="#">主办单位</a>|<span>北京艺筑科技有限公司</span></li>
											<li><a href="#">学术支持单位</a>|<span>北京建筑大学古桥研究院</span></li>
											<li><a href="#"> 内容指导单位</a>|<span>北京茅以升科技教育基金会</span></li>
											<li><a href="#"> 法律顾问</a>|<span>北京市康达律师事务所&nbsp;&nbsp;张伯阳律师</span></li>
										<li><a href="#"> 项目支持单位</a>|<span>北京文化艺术基金</span></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="col-lg-2">
							</div>
						</div>

					</div>
					<div class="col-lg-4 col-md-6">
						<div class="footer-wiget wow  pt-45">
							<div class="footer-wiget-title pb-10">
								<h4><img src="static/image/homepage/erweima.png" alt=""></h4>
							</div>
							<div class="footer-wiget-menu">
								<ul>
									<li>北京古桥</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="col-lg-1 col-md-6 pr-0">
					</div>
				</div>
			</div>
			<p class="pt-20 footer-own">Copyright2023 桥梁在线数字桥梁博物馆 All Rights Reserved<a class="gongan"
					href="https://beian.mps.gov.cn/#/query/webSearch?code=11010202010808" target="_blank"><img
						src="static/image/homepage/bei.png" alt="">京公网安备11010202010808号</a> </span> 京ICP备202300768号-2
				思源黑体、思源宋体字体免费公益授权 建议使用360极速、Chrome、Firefox浏览器，最佳分辨率1920×1080</p>
			<p class="footer-ali"><img src="static/image/homepage/ali.png"
					alt=""><span>本网站由阿里云提供云计算及安全服务</span>|<span>本网站支持</span><span style="padding-left: 0px;"><img
						src="static/image/homepage/iphone.png" alt=""></span>|
				<span>Powered by CloudDream</span>
			</p>
		</div>
		<!--==================================================-->
		<!-- End Footer Area -->
		<!--==================================================-->

		<!--==================================================-->
		<!-- Start scrollup section Area -->
		<!--==================================================-->
		<!-- scrollup section -->
		<div class="prgoress_scrollup">
			<svg class="progress-circle svg-content" width="100%" height="100%" viewbox="-1 -1 102 102">
				<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"></path>
			</svg>
		</div>
	</div>
	<!--==================================================-->
	<!-- End scrollup section Area -->
	<!--==================================================-->

	<script src="static/js/angular.min.js"></script>
	<!-- jquery js -->
	<script src="static/js/jquery-3.6.2.min.js"></script>
	<script src="static/js/common.js?123456sss"></script>
	<script src="static/js/popper.min.js"></script>

	<!-- bootstrap js -->
	<script src="static/js/bootstrap.min.js"></script>

	<!-- carousel js -->
	<script src="static/js/owl.carousel.min.js"></script>

	<!-- counterup js -->
	<script src="static/js/jquery.counterup.min.js"></script>

	<!-- waypoints js -->
	<script src="static/js/waypoints.min.js"></script>

	<!-- wow js -->
	<script src="static/js/wow.min.js"></script>

	<!-- imagesloaded js -->
	<script src="static/js/imagesloaded.pkgd.min.js"></script>

	<!-- venobox js -->
	<script src="static/js/venobox.js"></script>

	<!--  animated-text js -->
	<script src="static/js/animated-text.js"></script>

	<!-- venobox min js -->
	<script src="static/js/venobox.min.js"></script>

	<!-- isotope js -->
	<script src="static/js/isotope.pkgd.min.js"></script>

	<!-- jquery meanmenu js -->
	<script src="static/js/jquery.meanmenu.js"></script>

	<!-- jquery scrollup js -->
	<script src="static/js/jquery.scrollUp.js"></script>

	<!-- Slick Slider -->
	<script src="static/js/slick.min.js"></script>

	<script src="static/js/jquery.barfiller.js"></script>
	<!-- jquery js -->

	<!-- ragrslider js -->
	<script src="static/js/rangeslider.js"></script>

	<!-- ragrslider js -->
	<script src="static/js/mixitup.min.js"></script>

	<!-- theme js -->
	<script src="static/js/theme.js"></script>

	<!-- scroll js -->
	<script src="static/js/script.js"></script>
	<script src="static/js/academic.js?85545kkkk"></script>

</body>

</html>